@charset "utf-8";

$fontcolor9:#3b3b3b;
$fontcolor10:#a1a3ab;

.navbar{
    border-radius: 0;
    margin-bottom: 0;
}
.navbar-default{
    background-color: #222;
}
/* 导航的a标签的默认样式和其他状态：黑底白字 */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus{
    color: #fff;
    background-color: #080808;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #f1f1f1;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
    padding-top: 7px;
}

/* 轮播图部分 */
.lunbo{
    width: 100%;
    img{
        width: 100%;
    }
    .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
   }
}

/* 底部联系信息 */
#contact{
    background-color: $fontcolor9;
    a{
        font-size: 14px;
        color: $fontcolor10;
        margin-right: 12px;
    }
    p{
        font-size: 11px;
        color: $fontcolor10;
        padding-top: 11px;
    }
    .cnRow{
        margin-top: 35px;
        margin-bottom: 38px;
        .imgRow{
            padding-top: 8px;
            >div{
                position: relative;
                .code{
                    position: absolute;
                    top: -150px;
                    left: -35px;
                    display: none;
                }
            }
            >div:nth-child(1):hover,>div:nth-child(1):active{
                .code{
                    display: block; 
                }
            }
            >div:nth-child(2):hover,>div:nth-child(2):active{
                .code{
                    display: block;
                }
            }
            >div:nth-child(3):hover,>div:nth-child(3):active{
                .code{
                    display: block;
                }
            }
        }
    } 
}

/*媒体查询要写在最后面 从大到小或从小到大*/
@media (min-width:599px) and (max-width:1200px){
    #contact .cnRow>div:nth-child(2){
        margin-left: -58px;
    }
}
@media (min-width:1200px){
    .myNav{
        width: 1000px;
    }
    .w1000{
        width: 1000px;
    }
}
@media (min-width:993px){
    .navbar-nav .hidden_li{
        display: none;
    }
} 
@media (min-width:768px) and (max-width:992px){
    .navbar-nav .hidden_a{
        display: none;
    }
}
@media (max-width:767px){
    .navbar-nav .hidden_li{
        display: none;
    }
}
@media (max-width:598px){
    #contact .cnRow>div{
        width: 100%;
    }
    #contact .cnRow .imgRow>div{
        width: auto;
    }
}